const { defineConfig } = require('@vue/cli-service')
const { PROJECT_PORT } = require('./src/config')

const packageName = require('./package.json').name
const port = PROJECT_PORT

const isDev = process.env.VITE_ENV === "dev"
console.log("process.env.VITE_ENV", process.env.VITE_ENV)

module.exports = defineConfig({
  transpileDependencies: true,
   // 1.保證子應用靜態資源都是向指定端口上發送的, 這種方式添加路徑，出現一個問題，無法直接刷新路徑，（報404）
  // 保證了router使用懶加載能正確加載到組件
  // publicPath:  `//localhost:${port}/`, //dev
  // publicPath: '/sub-vue-js/', // build 方案一：微應用直接放在二級目錄
  publicPath: isDev ? `//localhost:${port}/` : '/sub-vue-js/',
  devServer: {
    historyApiFallback: true, // 解決使用1.時，報的404
    port: port,
    headers: {
      'Access-Control-Allow-Origin': '*'
    }
  },
  configureWebpack: {
    // 需要獲取我打包的內容
    output: {
      library: `${packageName}-[name]`,
      libraryTarget: 'umd',
      chunkLoadingGlobal: `webpackJsonp_${packageName}`
    }
  }
})
